<template>
    <div id="find-music">
        <!-- 头部导航栏 -->
        <TopNav :tabitem="topnav" />
        <!-- 内容 -->
        <div class="music-content w">
            <transition name="el-fade-in-linear">
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </transition>
        </div>
    </div>
</template>
<script>
import TopNav from '@/components/common/TopNav.vue'
export default {
    name:'Findmusic',
    components:{TopNav},
    data() {
        return {
            topnav:[
                {
                    name:"个性推荐",
                    path:"/findmusic/discover"
                },
                {
                    name:"歌单",
                    path:"/findmusic/recsonglist"
                },
                {
                    name:"排行榜",
                    path:"/findmusic/songrank"
                },
                {
                    name:"歌手",
                    path:"/findmusic/singer"
                },
                {
                    name:"最新音乐",
                    path:"/findmusic/newsongs"
                }
            ]
        }
    },
    methods:{
        
    },
    created(){
        
    },
}
</script>
<style lang="less" scoped>
    .music-content {
	    overflow-y: scroll;
    }
</style>